<template>
  <v-layout wrap justify-start>
    <v-flex md12>
      订单详情
    </v-flex>
    <v-flex md12>
      <ul>
        <li>活动编号: {{ order.orderId }}</li>
        <li>订单状态: {{ order.orderId }}</li>
        <li>任务类型: {{ order.orderId }}</li>
        <li>
          <img :src="order.productImg" alt="">
        </li>
        <li>
          <v-btn color="light-blue" @click="$router.go(-1)">
            <span>关闭</span>
          </v-btn>
        </li>
      </ul>
    </v-flex>
  </v-layout>
</template>


<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import { Task, Order } from "@/api";
import { forEach } from "lodash";
import { KV, Pagination } from "@/utils/type";
import {
  PageOptions,
  TaskStatusKV,
  SiteKV,
  OrderStatusKV
} from "@/utils/constants";
import { ReqTaskOrder, RespFileVo } from "@/api/bean";
import { getTime } from "@/utils/commonUtils";
import Cookie from "js-cookie";

declare const $Vue: Vue;

@Component
export default class OrderList extends Vue {
  private pageOptions: any = [];

  private orderStatus: any = [];
  private sites: Array<KV> = SiteKV;

  private order: any = {};

  private getTime(date: string) {
    return getTime(date);
  }

  mounted() {
    let s: any  = sessionStorage.getItem('OrderDetail');
    this.order = JSON.parse(s);
  }

}
</script>

<style lang="less" scoped>
.tracetask-container {
  width: 100%;
  height: 100%;
}
.pagination-wrapper {
  background: white;
  border-top: 1px solid #d4d4d4;
}

.order-image {
  height: 5rem;
}

.dialog-image {
  width: 80%;
}
</style>


